

<template>
    <div class="chat-input"><input type="text" placeholder="请输入消息..." v-model="newTask">
        <button @click="emitAddClick">发送</button>
    </div>
</template>
<script>
// 子组件定义
export default {
    data: function () {
        return {
            newTask: "" // 子组件可以有自己的新任务数据
        };
    },
    methods: {
        emitAddClick: function () {
            this.$emit("add-click", this.newTask); // 向父组件发送事件和数据
        }
    }
}
</script>